html,
        body {
            font-size: 0.9em;
            height: 100%;
            /* The html and body elements cannot have any padding or margin. */
        }
        #wrap {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            /* Negative indent footer by it's height */
            margin: 0 auto -110px;
        }

        /* Set the fixed height of the footer here */
        .push,
        #footer {
            height: 110px;
        }
        #footer {
            background-color: #333;
            color: #F0f0f0;
        }

        .footer-info{
            padding-top: 15px;
        }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a.active {
            color: #F0F0F0;
            background-color: #0E74BB;
        }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #F0F0F0;
            background-color: #0E74BB;
        }

        .navbar-default .navbar-nav > li > a {
            font-size: 14px;
            color: #F0F0F0;
        }

        /* Lastly, apply responsive CSS fixes as necessary */
        @media (max-width: 767px) {
            #footer {
                margin-left: -20px;
                margin-right: -20px;
                padding-left: 20px;
                padding-right: 20px;
            }
        }

    .logo{
        width: 230px;
        height: auto;
    }

    .navbar-default {
        background-color: #333;
        border: 0;
        border-color: transparent;
    }

    .navbar{
        border-radius: 0;
        min-height: 80px;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 60px;
    }

    #loader, #main_comparaciones{
        display: none;
    }

    .main_title{
        font-weight: bold;
        font-size: 1em;
        color: #0E74BB;
    }

    .centered{
        float: none;
        margin: 0 auto;
    }

    .table-options > li{
        font-size: 1.5em;
        font-weight: bold;
        display: block;
        float: left;
        padding: 10px;
    }

    .table-options > li:hover{
        cursor: pointer;
    }

    .add{
        color: #00B200;
        background-color: white;
    }

    .add:hover{
        color: white;
        background-color: #00B200;
    }

    .modify{
        color: #DFA048;
        background-color: white;
    }

    .modify:hover{
        color: white;
        background-color: #DFA048;
    }

    .delete{
        color: #A90C0C;
        background-color: white;
    }

    .delete:hover{
        color: white;
        background-color: #A90C0C;
    }

    .modal-header{
        background-color: #0E74BB;
        color: white;
        font-weight: bold;
        font-size: 1em;
    }

    .btn, .form-control{
        font-size:1em;
    }

    label{
        font-weight: normal;
    }

    .hidden{
        display: none;
    }

    .visible{
        display:block;
    }

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover
{
    background-color: #0E74BB;
    color: white;
    cursor: pointer;
}

table.dataTable.hover tbody tr.selected:hover,
table.dataTable.hover tbody tr.odd.selected:hover,
table.dataTable.hover tbody tr.even.selected:hover,
table.dataTable.display tbody tr.selected:hover,
table.dataTable.display tbody tr.odd.selected:hover,
table.dataTable.display tbody tr.even.selected:hover,
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected,
table.dataTable.stripe tbody tr.even.selected,
table.dataTable.display tbody tr.even.selected{
    background-color: #0E74BB;
    color: white;
    cursor: pointer;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
table.dataTable.display tbody tr.selected:hover > .sorting_1,
table.dataTable.display tbody tr.odd.selected:hover > .sorting_1,
table.dataTable.display tbody tr.even.selected:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.selected:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd.selected:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even.selected:hover > .sorting_1{
    background-color: #0E74BB;
    color: white;
    cursor: pointer;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1
{
    color: white;
    background-color: #0E74BB;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{
    color: white;
    background-color: #0E74BB;
}

#modal_message{
    border: 1px solid #ABABAB;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    background-color: #F0F0F0;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1{
    color: white;
    background-color: #0E74BB;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1{
    color: white;
    background-color: #0E74BB;
}

.alert{
    padding: 10px;
}

.menu-box{
    border: 1px solid #0E74BB;
    border-radius: 5px;
    background-color: #ececec;
    color: #0E74BB;
    cursor: pointer;
    font-size: 16px;
}

.menu-box:hover{
    border: 1px solid #ececec;
    border-radius: 5px;
    background-color: #0E74BB;
    color: #ececec;
    cursor: pointer;
    font-size: 16px;
}

.icon{
    font-size: 6em;
}

.text{
    padding-bottom: 5px;
}

a{
    text-decoration: none;
}